@model IEnumerable<CrazyToDo.Web.Models.MatterViewModel>
@{
    ViewData["Title"] = "Matter";
}  

@section Script {
     <script src="~/Home/js/Home.js"></script>
     <link href="~/Home/css/Home.css" rel="stylesheet" />
}

<div id="page-Matter">
    <div class="My-MatterList" id="showMatters">
        <ul>
            @foreach (var item in Model)
            {
                if (item != null)
                {
                    if (item.State == false)
                    {
                        <li>
                            <span class="input-group-addon">
                                <input type="checkbox" id="check" onclick="changeStateInMatter(@item.Id)">
                            </span>
                            <span class="input-group-delete">
                                <img src="~/Home/img/删除(1).png" class="delete" onclick="DeleteMatterInMatter(@item.Id)" />
                            </span>
                            <p type="text" id="UnfinishMatter" class="form-control" onclick="details(@item.Id)"> @item.Content </p>

                        </li>

                    }
                    else
                    {

                        <li>
                            <span class="input-group-addon">
                                <input type="checkbox" id="check" checked="checked" onclick="changeStateInMatter(@item.Id)">
                            </span>
                            <span class="input-group-delete">
                                <img src="~/Home/img/删除(1).png" class="delete" onclick="DeleteMatterInMatter(@item.Id)" />
                            </span>
                            <p type="text" id="finishMatter" class="form-control" onclick="details(@item.Id)"> @item.Content </p>
                        </li>
                    }

                }


            }

        </ul>

    </div>
</div>
    <div class="Matter-Detailed-Information"  id="details">
        <div><img src="~/Home/img/crazydog.png" id="CrazyDog-Logo" /></div>
        <div style="padding-top:60px">
            <div class="panel panel-info" id="panel-info">
                <div class="panel-heading" id="panel-heading" >
                    <h3 class="panel-title">事件内容</h3>
                </div>
                <div class="panel-body">
                </div>
            </div>
            <div class="panel panel-info" id="panel-info" >
                <div class="panel-heading" id="panel-heading">
                    <h3 class="panel-title">创建时间</h3>
                </div>
                <div class="panel-body">
                </div>
            </div>
            <div class="panel panel-info" id="panel-info">
                <div class="panel-heading" id="panel-heading">
                    <h3 class="panel-title">过期时间</h3>
                </div>
                <div class="panel-body">
                </div>
            </div>
            <div class="panel panel-info" id="panel-info">
                <div class="panel-heading" id="panel-heading">
                    <h3 class="panel-title">事项备注</h3>
                </div>
                <div class="panel-body">
                </div>
            </div>
        </div>

    </div>



